@extends('Layout/personBase')

@section('title', '订单详情')

@section('css')
		<link href="{{asset('Home/css/orstyle.css')}}" rel="stylesheet" type="text/css">
@endsection


@section('right')

	<!--标题 -->
	<div class="am-cf am-padding">
		<div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">订单详情</strong> / <small>Order&nbsp;details</small></div>
	</div>
	<hr/>
	
	<div class="order-infoaside">
		<div class="order-logistics">
			<a href="logistics.html">
				<div class="icon-log">
					<i><img src="../images/receive.png"></i>
				</div>
				
				<span class="am-icon-angle-right icon"></span>
			</a>
			<div class="clear"></div>
		</div>
		<div class="order-addresslist">
			<div class="order-address">
				<div class="icon-add">
				</div>
				<p class="new-tit new-p-re">
					<span class="new-txt">小叮当</span>
					<span class="new-txt-rd2">159****1622</span>
				</p>
				<div class="new-mu_l2a new-p-re">
					<p class="new-mu_l2cw">
						<span class="title">收货地址：</span>
						<span class="province">湖北</span>省
						<span class="city">武汉</span>市
						<span class="dist">洪山</span>区
						<span class="street">雄楚大道666号(中南财经政法大学)</span></p>
				</div>
			</div>
		</div>
	</div>
	<div class="order-infomain">

		<div class="order-top">
			<div class="th th-item">
				<td class="td-inner">商品</td>
			</div>
			<div class="th th-price">
				<td class="td-inner">单价</td>
			</div>
			<div class="th th-number">
				<td class="td-inner">数量</td>
			</div>
			<div class="th th-operation">
				<td class="td-inner">商品操作</td>
			</div>
			<div class="th th-amount">
				<td class="td-inner">合计</td>
			</div>
			<div class="th th-status">
				<td class="td-inner">交易状态</td>
			</div>
			<div class="th th-change">
				<td class="td-inner">交易操作</td>
			</div>
		</div>

		<div class="order-main">

			<div class="order-status3">
				<div class="order-title">
					<div class="dd-num">订单编号：<a href="javascript:;">1601430</a></div>
					<span>成交时间：2015-12-20</span>
					<!--    <em>店铺：小桔灯</em>-->
				</div>
				<div class="order-content">
					<div class="order-left">
						<ul class="item-list">
							<li class="td td-item">
								<div class="item-pic">
									<a href="#" class="J_MakePoint">
										<img src="../images/kouhong.jpg_80x80.jpg" class="itempic J_ItemImg">
									</a>
								</div>
								<div class="item-info">
									<div class="item-basic-info">
										<a href="#">
											<p>美康粉黛醉美唇膏 持久保湿滋润防水不掉色</p>
											<p class="info-little">颜色：12#川南玛瑙
												<br/>包装：裸装 </p>
										</a>
									</div>
								</div>
							</li>
							<li class="td td-price">
								<div class="item-price">
									333.00
								</div>
							</li>
							<li class="td td-number">
								<div class="item-number">
									<span>×</span>2
								</div>
							</li>
							<li class="td td-operation">
								<div class="item-operation">
									退款/退货
								</div>
							</li>
						</ul>

						<ul class="item-list">
							<li class="td td-item">
								<div class="item-pic">
									<a href="#" class="J_MakePoint">
										<img src="../images/62988.jpg_80x80.jpg" class="itempic J_ItemImg">
									</a>
								</div>
								<div class="item-info">
									<div class="item-basic-info">
										<a href="#">
											<p>礼盒袜子女秋冬 纯棉袜加厚 韩国可爱 </p>
											<p class="info-little">颜色分类：李清照
												<br/>尺码：均码</p>
										</a>
									</div>
								</div>
							</li>
							<li class="td td-price">
								<div class="item-price">
									333.00
								</div>
							</li>
							<li class="td td-number">
								<div class="item-number">
									<span>×</span>2
								</div>
							</li>
							<li class="td td-operation">
								<div class="item-operation">
									退款/退货
								</div>
							</li>
						</ul>

					</div>
					<div class="order-right">
						<li class="td td-amount">
							<div class="item-amount">
								合计：676.00
								<p>含运费：<span>10.00</span></p>
							</div>
						</li>
						<div class="move-right">
							<li class="td td-status">
								<div class="item-status">
									<p class="Mystatus">卖家已发货</p>
									<p class="order-info"><a href="logistics.html">查看物流</a></p>
									<p class="order-info"><a href="#">延长收货</a></p>
								</div>
							</li>
							<li class="td td-change">
								<div class="am-btn am-btn-danger anniu">
									确认收货</div>
							</li>
						</div>
					</div>
				</div>

			</div>
		</div>
	</div>
@endsection